<template>
	<view class="swiper-wrap">
		<swiper class="swiper" :duration="3000" indicator-dots :autoplay="false" :interval="3000">
			<swiper-item class="swiper-img" v-for="(item,index) of swiperList" :key="index">
				<image class="swiper-img-info"  :src="item"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
export default {
	props:{
		swiperList:{
			type:Array,
			default:()=>{
				return []
			}
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
	.swiper{
		height:300rpx;
	}
	.swiper-img{
		width:100%;
		height:400rpx;
		border-radius:20rpx;
	}
	.swiper-img-info{
		width:100%;
		height:400rpx !important;
		border-radius:20rpx;
	}
	.swiper{
		height:400rpx;
	}
</style>
